<!DOCTYPE html>
<html>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<meta name="description" content="" />
	<meta name="author" content="" />
	<title>Fobia - Bootstrap 4 Web Application UI Kit</title>
	<!--favicon-->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
	<script src="assets/js/moment-with-locales.js"></script>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<link href="assets/css/bootstrap-datetimepicker.css" rel="stylesheet">

	<script src="assets/js/bootstrap-datetimepicker.js"></script>

	</head>

	<body style="overflow-x:hidden;">

		<!--<div class="container">
    		<div class="row">
        		<div class='col-sm-6'>
            		<input type='text' class="form-control" id='datetimepicker4'/>
        		</div>
        		
    		</div>
		</div>-->
	<div class="container">
		<div class="container">
			<div class='col-md-4'>
				<div class="form-group">
					<div class='input-group date'>
						<input type='text' class="form-control" id='datetimepicker12' />
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>
			</div>
			<div class='col-md-4'>
				<div class="form-group">
					<div class='input-group date'>
						<input type='text' class="form-control" id='datetimepicker13' />
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>
			</div>
		</div>
	</div>
		<script type="text/javascript">
			$(function() {
				$('#datetimepicker12').datetimepicker({
					locale: 'zh-cn',
					viewMode: 'days',
					format: 'YYYY/MM/DD'
				});
				$('#datetimepicker13').datetimepicker({
					locale: 'zh-cn',
					viewMode: 'days',
					format: 'YYYY/MM/DD'
				});
				$("#datetimepicker12").on("dp.change", function(e) {
					$('#datetimepicker13').data("DateTimePicker").minDate(e.date);
				});
				$("#datetimepicker13").on("dp.change", function(e) {
					$('#datetimepicker12').data("DateTimePicker").maxDate(e.date);
				});
			});
		</script>
	</body>
	<!-- Bootstrap core JavaScript-->

	<!--
			<script src="assets/js/popper.min.js"></script>
			

		
			<script src="assets/plugins/simplebar/js/simplebar.js"></script>
	
			<script src="assets/js/sidebar-menu.js"></script>

			<script src="assets/js/app-script.js"></script>

			<script src="assets/plugins/summernote/dist/summernote-bs4.min.js"></script>
			<script>
				$('#summernoteEditor').summernote({
					height: 400,
					tabsize: 2
				});
			</script>-->

</html>